* {
	padding: 0;
	margin: 0;
}
body {
	background-color: #fff;
	font-size: 12px;
	font-family: "Helvetica Neue",Helvetica,Arial;
}
.mainnav {
	width: 100%;
	height: 28px;
	background-color: #545652;
	font:12px Helvetica,Arial,sans-serif;
	border-bottom:2px solid #69b219;
}
.mainnav .mainnav_l li {
	list-style: none;
	display:inline-block;
	padding:0 12px;
	line-height: 28px;
	float: left;
}
.mainnav .mainnav_l li a {
	text-decoration: none;
	color:#d5d5d5;
}
.mainnav .mainnav_r ul {
	list-style: none;
	display:inline-block;
	padding:0 10px;
	line-height: 28px;
	float: right;
}
.mainnav .mainnav_r ul li {
	list-style: none;
	display:inline-block;
	padding:0 10px;
	line-height: 28px;
	float: left;
}
.mainnav .mainnav_r li a {
	text-decoration: none;
	color:#d5d5d5;
}
.mainnav li a:hover {
	color:#f5f5f5;
}
.client {
	position:absolute;
	top:28px;
	right:40px;
	display:none;
	width: 255px;
	height: 500px;
	background: #FFF;
	z-index: 2;
}
.dou-picture {
	display:block;		/*行内元素设置居中要设置为块元素*/
	width: 100px;
	margin:0 auto;
	margin-top:60px;
}
.appintro {
	font-size: 25px;
	text-align: center;
	margin-top: 25px;
}
.slogan {
	font:12px Helvetica,Arial,sans-serif;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 8px;
}
.qrcode {
	margin:0 auto;
	margin-top:30px;
	display: block;			/*行内元素设置居中要设置为块元素*/
}
.download {
	text-align:center;
	color:blue;
	margin-top: 10px;
	font-size: 15px;
}
.mainnav li:hover .client {
	display:block;
	color:normal;
	z-index: 10;
}

/*subnav*/

.wrapper {
	width: 950px;
	margin: 0 auto;
}

.subnav {
	height: 50px;
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	font-size: 13px;
	position:relative;
}
.subnav .subnav_logo {
	display: inline-block;
	float:left;
	margin-right:10px;
}
.subnav .subnav_logo .logo {
	margin-top: 14px;
}

.subnav ul {
	margin-left:10px;
	display:inline-block;
}
.subnav ul li {
	display:inline-block;
	list-style: none;
	font:13px Helvetica,Arial,sans-serif;
	line-height: 47px;
	padding:0 5px;
}

/*导航菜单*/

.menu {
	display:none;
	width: 950px;
	height: 300px;
	position:absolute;
	top:51px;
	left:0px;
	background: #FFF;
}
.leftdiv {
	display:inline-block;
	float:left;
	width: 659px;
	height: 260px;
	margin-top:25px;
	margin-left: 20px;
}
.rightdiv {
	display:block;
	float:left;
	width: 230px;
}
.rightdiv img {
	display: block;
	width: 200px;
	height: 200px;
	margin-top: 40px;
	opacity:0.8;
}
.rightdiv p a {
	color:#6f6c6c;
}
.menu .rightdiv p a:hover {
	color:#c73030;
}
.menu .leftdiv dl {
	display: block;
	float:left;
	width: 80px;
	height: 260px;
	padding-left:20px;
	border-right: 1px solid rgba(204,204,204,0.3);
	overflow: hidden;
}
.menu .leftdiv dl dt {
	font-weight: bold;
	margin-bottom: 15px;
	width: 60px;
	overflow: hidden;
	line-height: 22px;
}
.menu .leftdiv dl dd {
	line-height: 22px;
	display: block;
	padding-bottom:5px;
}
.menu .leftdiv dl dd a {
	color:#959595;
}
.menu .leftdiv dl a:hover {
	color:#c73030;
}
.subnav li:hover .menu {
	display:block;
	z-index:10;
} 
.subnav ul li a {
	text-decoration: none;
	color:#4a4a4a;
}

.subnav .subnav_r {
	float:right;
	display:inline-block;
	color:#4a4a4a;
	font:12px Helvetica,Arial,sans-serif;
	margin:15px 20px 5px 20px;
}
.subnav .subnav_r a {
	text-decoration: none;
	color:#4a4a4a;
	font:12px Helvetica,Arial,sans-serif;
	display:inline-block;
	line-height: 24px;
}
.subnav .subnav_r .user_a {
	padding-right:20px;
	border-right:1px solid #d9d9d9;
	line-height: 25px;
	font-size:12px;
}
.subnav .subnav_r .user_img {
	border-radius:12px;
	margin-right: 5px;
	width: 24px;
}
.subnav .subnav_r .user_a .user_img span {
	height: 24px;
	line-height: :24px;
	display:inline-block;
	vertical-align: middle;
}

.subnav .subnav_r .inquire {
	margin-left:20px;
}
.subnav .subnav_r .user_a .user_img,span,.inquire {
	vertical-align: middle;
}
.subnav ul a:hover {
	color:#9b9b9b;
}
.subnav ul li:hover {
	border-bottom: 3px solid #d8d8d8;
}
.subnav_r a:hover {
	color:#9b9b9b;
}
/*搜索框*/
.subnav .search_bar {
	display:inline-block;
	float:right;
	margin-top: 15px;
	height: 22px;
	border:1px solid #d8d8d8;
	border-radius:20px;
	position:relative;
}
.subnav .search_bar .text {
	width: 100px;
    border: none;
    background: none;
    padding-left: 10px;
    line-height: 22px;
    font-size: 12px;
    outline: medium;
    transition:width 0.2s linear;			/*浏览器兼容性写法*/
	-webkit-transition:width 0.2s linear;	/*chrome：-webkit-*/
	-o-transition:width 0.2s linear;		/*opera：-o-*/
	-moz-transition:width 0.2s linear;		/*FF:-moz-*/
	-ms-transition:width 0.2s linear;		/*IE9:-ms-;*/
}
.subnav .search_bar .text:focus {
	width: 150px;
}
.subnav .search_bar img {
	position:absolute;
	top:4px;
	right:5px;
	height:15px;
}

/*detail*/
.detail {
	font-weight: normal;
	margin:15px 0;
	font-size: 20px;
}
.step ul li {
	list-style: none;
	float: left;
	padding:10px 30px;
	margin-right: 3px;
	background: #bcb9b9;
	color:#fff;
}
.th_div {
	clear: both;
    padding:14px 10px;
    height: 15px;
    line-height: 15px;
}
.th_div .span_l,.th_div .span_r {
	display: inline-block;
}
.th_div .span_l {
	margin-right: 50px;
}
#paytime {
	width: 100%;
	height: 195px;
	background: #f6f6f6;
	text-align: center;
	overflow: hidden;
}
#paytime p {
	margin-top:40px;
}
#paytime p a {
	text-decoration:none;
	font-size:15px;
	color:#fff;
}
#paytime .paynow {
	padding:10px 25px;
	background: #ff4242;
	display:inline-block;
	border-radius:2px;
	font-weight: bold;
}
#paytime .paynow:hover {
	background: #f62727;
}
#paytime .cancel a{
	color:#868686;
}
#paytime .cancel a:hover {
	color:#bababa;
}
.infor {
	margin:15px 0;
	font-size: 15px;
}


/*table*/
table {
	width: 100%;
	height: 100px;
	overflow: hidden;
	border-collapse: collapse;
	border:1px solid #e9e9e9;
	margin-bottom:20px;
} 
table tr .item {
	width:280px;
}
table tr .price {
	width: 100px;
}
table tr .quantity {
	width: 80px;
	border-left:none;
}
table tr .none {
	width: 150px;
}
table tr .amount {
	width: 150px;
}
table tr .transaction {
	width: 189px;
}
table tr td .th_div {
	background-color: #e9e9e9;
    padding:14px 16px;
    height: 15px;
    line-height: 15px;
}
table tr td .th_div .span_l {
	display: inline-block;
	float: left;
}
table tr td .th_div .span_r {
	display: inline-block;
	float: right;
}
table .tr2 td {
	border-right: 1px solid #e9e9e9;
}
table tr .item {
	width:280px;
}
table tr .item .goods{
	margin:10px;
	height: 100px;
}
table tr .item .goods img{
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	float: left;
}
table tr .item .goods p {
	line-height: 20px;
}
table tr .item .goods .p1 {
	color:#3f3f3f;
	text-decoration: none;
}
table tr .item .goods .p1:hover {
	color:#8b8b8b;
}
/*table tr .item .goods .p2 {
	color:#8e8e8e;
}*/
table .tr2 .center {
	text-align:center;
	vertical-align: top;
	padding-top:12px;
	line-height: 25px;
}

.address {
	margin:15px 0 30px 0;
	width: 100%;
	background: #e7e7e7;
	height: 100px;
	overflow: hidden;		/*	margin的塌陷*/
}
.address .innerbox {
	margin:15px 0 0 10px;
}
.address .innerbox p {
	line-height: 25px;
}

.footer {
	width: 100%;
	border-top:1px dashed #4a4a4a;
	padding-top:5px;
	margin:30px 0;
}
.footer p {
	display:inline-block;
	float:left;
	color:#4a4a4a;
}
.footer ul {
	float:right;
	display:inline-block;
}
.footer ul li {
	list-style: none;
	display: inline-block;
	float: left;
	padding:0 3px;
}
.footer ul li a {
	color:#37a;
	text-decoration: none;
}
.footer ul li a:hover {
	background: #37a;
	color:#fff;
}
